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SIMPLIFIED DESIGN FOR HTML 

Technical Field 

The invention relates to systems and methods for generatmg web pages to be 
displayed on distributed networks, such as the World Wide Web. More particularly, the 
invention relates to systems and methods for providmg users of a hand-held device, such 
as a personal digital assistant, a digital camera , or a web television box, with the capability 
to author web pages without being limited by the system resources of the hand-held device 

Background Of The Invention 
The distributed network known as the Internet is a global array of cooperatively 
interconnected computer networks. It includes the World Wide Web, which is a collection 
of websites defined by web servers ~ computers that store and retrieve computer files 
representing web pages that are requested by and displayed to users of the Internet. Web 
pages combine text, graphic unages, animation, audio and other multimedia forms for 
presentation to viewers. In the Web environment, client machines communicate with Web 
servers using Hypertext Transfer Protocol (HTTP), which uses a standard page description 
language known as Hypertext Markup Language (HTML). HTML provides basic document 
formatting and allows the developer to specify "links" to other servers and files. 
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It is known to provide web page authoring tools, such as "FRONT PAGE" and 
"FRONTPAGE EXPRESS" developed by Microsoft Corporation of Redmond, Washington, 
which provide web page authors an ability to quickly and efficiently create compelling web 
pages. Much of the power of these tools is derived from the use of style templates, which 
contain predefined HTML formatting commands for predetermined styles. Because of the 
need to store large Ubraries of templates and other large files, such as background bitmaps, 
state-of-the-art web-authoring tools require computer platforms with relatively large amounts 
of system resources, i.e., memory. With templates, a web page author avoids the tedious task 
of manually entering hundreds of HTML formatting commands. 

When an HTML page is created, programs such as "FRONTPAGE" and 
"FRONTPAGE EXPRESS" use a stream-based approach that generates a page layout 
arranged as a stream of commands and data. A particular style command is selected. Data, 
such as text, is then entered. The selected style is then closed Such an approach is extremely 
flexible by providing many layout styles, but, as mentioned, requires that a client device on 
which the HTML page is being created to have a significant amount of processing power and 
memory. 
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There is a recent growing trend towards the use of portable hand-held computing 
devices that offer portability, but which provide somewhat limited computing features. 
Known hand-held devices, such as personal digital assistants (PDAs), provide for the storage 
and retrieval of addresses and other information, sending and receiving of e-mail via 
communications link and other fiinctionality defined by resident software applications. PDAs 
offer the capability of remote connectivity to a desktop computer or to the Internet using a 
conraiunications link, enabling users to upload and download information, and to synchronize 
information stored in the PDA with information on a host computer, firom virtually any 
geographic location. Hand-held devices also include rather specialized platforms, such as 
digital cameras, which provide users with the capability of instantly recording electronic 
images on a removable storage device, such as a floppy diskette, for later viewing on a 
desktop computer. From the desktop computer, users may send the image files to their 
friends m e-mail, post them to an existing website on the World Wide Web, or incorporate 
them mto their own website. As the user interfaces and features of digital cameras become 
more sophisticated, they may tend to incorporate much of the fiinctionality of PDAs. 

One consequence of the compact designs and low weights consumers desire in hand- 
held electronic devices is that such devices are limited in the amount of system resources, 
namely memory and screen size, that they provide. Although the portability of hand-held 
devices make them attractive as web-authoring platforms, they have not heretofore been 
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considered as feasible platforms for web creation, primarily because of their limited system 
resources. It would therefore be desirable to provide a web-authoring system and method 
that are suitable for implementation on a hand-held device, such as a PDA or a digital camera. 
Such a system and method would permit users of digital cameras, for example, to create 
compelling web pages that incorporate digital images they have recorded "on-the-spot" and 
provide their own textual information for presentation to others on the World Wide Web. It 
would also be desirable to provide a way to layout an HTML page that does not require the 
client device on which the HTML page is being created to have a significant amount of 
processing power and/or memory. 

Summary of the Invention 
The invention provides for the creation of web pages on hand-held devices, such as 
PDAs, digital cameras and web television boxes. More specifically, the present invention 
provides a way to layout an HTML page that does not require the client device on which the 
HTML page is being created to have a significant amount of processing power and/or 
memory. In that regard, the present invention divides a page into rows, or horizontal regions, 
that span the entire width of the page. A particular region is laid out by selecting a style 
template fi-om a library of predetermined style templates depicted by graphical icons 
representing particular layout styles. Exemplary style templates include templates for titles, 
text, audio, pictures, parallel column and navigational bars. According to the invention, each 
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template includes HTML codes for the particular style of the template and blank spaces for 
information, such as text or pictures. The horizontal regions are stacked in any order to 
create a web page. Macro templates can be defined for a page for repeated use. When the 
finished page layout is uploaded to a server, the source files for information added to each 
template is mapped to the templates. 

The advantages of the present invention are provided by a method for generating a 
hypertext markup language (HTML) page in which a style template is selected for a 
predetennined re^on of a web page layout. Preferably, the predetermmed region of the web 
page layout is a horizontal region spanning an entire width of the web page layout. The 
selected style template can be, for example, a title template, a text template, an audio 
template, a picture template, a parallel column template or a navigational bar template, and 
is selected by selecting a graphical icon representing the style of the template. According to 
the invention, the selected style template mcludes at least one HTML code defining a style 
of the style template and can include a space for information that is related to the style of the 
style template. Information related to the style of the template, such as a title, text, hypertext 
link information, a pointer to a file containing information that is to be inserted into the 
selected template, image information, graphical information and/or audio information, is 
inserted into the space before uploading the finished web page layout to a server. Typically, 
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a plurality of selected style templates are concatenated to generate the finished web page 
layout. A finished web page layout is then uploaded to the server. 



Brief Description Of The Drawings 

The present invention is illustrated by way of example and not limitation in the 
accompanying figures in which like reference numerals indicate similar elements and in which: 

FIGURE 1 is a schematic diagram of a conventional general-purpose digital 
computing environment that can be used to implement various aspects of the present 
invention; 

FIGURE 2 shows the constituent components forming an exemplary HTML page 
layout that is generated according to the present invention; 

FIGURE 3 shows an exemplary graphical user interface (GUI) for selecting style 
templates for generating an HTML page layout according to the present invention; 

FIGURE 4 shows an exemplary GUI 300 for entering textual information into a style 
template according to the present invention; 

FIGURE 5 shows an exemplary flow diagram for generating an HTML page layout 
according to the present invention; and 

FIGURE 6 shows an exemplary format of a template mapping file generated 
according to the present invention.. 
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Detailed Description Of The Invention 

Although not required, the invention will be described in the general context of 
computer-executable instructions, such as program modules, being executed by a personal 
computer. Generally, program modules include routines, programs, objects, components, 
data structures, etc. that perform particular tasks or implement particular abstract data types. 
Moreover, those skilled in the art will appreciate that the mvention may be practiced with 
other computer system configurations, including hand-held devices, multiprocessor systems, 
microprocessor-based or programmable consumer electronics, network PCs, minicomputers, 
mainframe computers, and the like. The invention may also be practiced in distributed 
computing environments where tasks are performed by remote processing devices that are 
linked through a communications network. In a distributed computing environment, program 
modules may be located in both local and remote memory storage devices. 

FIGURE 1 is a schematic diagram of a conventional general-purpose digital 
computing environment that can be used to implement various aspects of the invention. 
Computer 100 includes a processing unit 1 10, a system memory 120 and a system bus 130 
that couples various system components including the system memory to the processing unit 
110. System bus 130 may be any of several types of bus structures including a memory bus 
or memory controller, a peripheral bus, and a local bus using any of a variety of bus 
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architectures. System memory 120 includes a read only memory (ROM) 140 and a random 
access memory (RAM) 150. 

A basic input/output system (BIOS) 160 containing the basic routines that help to 
transfer information between elements within the computer 100, such as during start-up, is 
stored in ROM 140. Computer 100 also includes a hard disk drive 170 for reading from and 
writing to a hard disk (not shown), a magnetic disk drive 180 for reading from or writing to 
a removable magnetic disk 190, and an optical disk drive 191 for readmg from or writing to 
a removable optical disk 192, such as a CD ROM or other optical media. Hard disk drive 
170, magnetic disk drive 180, and optical disk drive 191 are respectively connected to the 
system bus 130 by a hard disk drive interface 192, a magnetic disk drive interface 193, and 
an optical disk drive interface 194. The drives and their associated computer-readable media 
provide nonvolatile storage of computer readable instructions, data structures, program 
modules and other data for personal computer 100. It will be appreciated by those skilled in 
the art that other types of con:q)uter readable media which can store data that is accessible by 
a computer, such as magnetic cassettes, flash memory cards, digital video disks, Bernoulli 
cartridges, random access memories (RAMs), read only memories (ROMs), and the like, may 
also be used in the exemplary operating environment. 

A number of program modules can be stored on the hard disk, magnetic disk 190, 
optical disk 192, ROM 140 or RAM 150, including an operating system 195, one or more 
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application programs 196, other program modules 197, and program data 198, A user can 
enter commands and information into computer 100 through input devices, such as a 
keyboard 101 and a pointing device 102. Other input devices (not shown) may include a 
microphone, joystick, game pad, satellite dish, scanner, or the like. These and other mput 
devices are often connected to the processing unit 110 through a serial port interface 106 that 
is coupled to the system bus, but may be connected by other interfaces, such as a parallel port, 
a game port or a universal serial bus (USB). A monitor 107 or other type of display device 
is also connected to system bus 130 via an interface, such as a video adapter 108. In addition 
to the monitor, personal computers typically mclude other peripheral output devices (not 
shown), such as speakers and printers. 

Computer 100 can operate in a networked environment using logical connections to 
one or more remote computers, such as a remote computer 109. Remote computer 109 can 
be a server, a router, a network PC, a peer device or other common network node, and 
typically includes many or all of the elements described above relative to computer 100, 
although only a memory storage device 1 1 1 has been illustrated in FIGURE 1. The logical 
connections depicted in FIGURE 1 include a local area network (LAN) 1 12 and a wide area 
network (WAN) 1 13. Such networking environments are commonplace in offices, enterprise- 
wide computer networks, intranets and the Internet. 
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When used in a LAN networking environment, computer 100 is connected to local 
network 1 12 through a network interface or adapter 1 14. When used in a WAN netwoiking 
environment, personal computer 100 typically includes a modem 115 or other means for 
establishing a communications over wide area network 1 13, such as the Internet. Modem 
115, which may be internal or external, is connected to system bus 130 via serial port 
mterface 106. In a networked environment, program modules depicted relative to personal 
computer 100, or portions thereof, may be stored in the remote memory storage device. 

It will be appreciated that the network connections shown are exemplary and other 
means of establishing a communications link between the computers can be used. The 
existence of any of various well-known protocols, such as TCP/IP, Ethernet, FTP, HTTP and 
the like, is presumed, and the ^stem can be operated in a client-server configuration to permit 
a user to retrieve web pages from a web-based server. Any of various conventional web 
browsers can be used to display and manipulate data on web pages 

A primary aspect of the invention provides a method and system for generating web 
pages based on a compact mapping file created and stored on the hand-held device or remote 
computer 109. Another aspect of the mvention relates to a sunplified layout for a web page 
suitable for implementation on a hand-held device. The simplified HTML layout will first be 
described with reference to FIGURES 2-5 to illustrate one method of creating a template 
mapping file according to the invention. FIGURE 6 shows an exemplary format of a template 
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mapping file generated according to the present invention. It will be recognized that the 
simplified layout described below is intended to illustrate one possible method and user 
interfece for creating the mapping file. Other methods of creating the mapping file will be 
apparent to those of ordinary skill upon a reading of this disclosure. 

FIGURE 2 shows the constituent components forming an exemplary HTML page 
layout that is generated according to the present invention. Specifically, FIGURE 2 shows 
an exemplary arrangement of style templates 200 and associated source files 210 that have 
been selected to generate a final page layout 220. While the present mvention is not as 
flexible as current approaches, the present invention provides a much simpler technique for 
creating a web page. Consequently, a client device on which an HTML page is created can 
have limited memory and display area, such as tiiat available with a small consume electronic 
device. 

According to the present invention, a page layout is divided into rows, or horizontal 
regions, 201 that span the entire width of the page. A particular region 201 is laid out by a 
user selecting a style template fi-om a libraiy of predetermined style templates. Exemplary 
style templates mclude templates for titles, text, audio, pictures, parallel column and 
navigational bars. Each template includes HTML codes for the particular style of the 
template and blank spaces for information, such as text or pictures. The horizontal regions 
201 forming a page layout can be stacked in any order to create a customized web page. 
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Macro templates can be defined for a page for repeated use. When the finished page layout 
is uploaded to a server, the source files for information added to each template is m^ped to 
the templates. 

As shown in FIGURE 2, a style template can be associated with a source file of 
information that tailors the style template to the user's liking. For example, a title style 
template 201a is associated with a Titlel .txt file containmg text for a title. The association 
can be the actual file itself or a pointer to a file containing the desired title textual information. 
Similarly, a centered-picture style template 201b is associated with a Picl.jpg file containing 
a picture image or a pointer to a file containing the desired picture information. A text 
template 201c is associated with a Textl.txt file or a pointer to a file containing textual 
information to a desired text file. 

Style templates can also be associated with more than one information file depending 
on the specific stsde of the template. For example, a picture w/right text style template 20 Id 
is associated with a Pic2.jpg file (or a file pointer) containing a picture image and a Text2.jpg 
file (or file pointer) containing textual information. FIGURE 2 also shows a picture w/left 
text style template 201e that is associated with a Pic3.jpg file and a Text2.txt file (or file 
pointers). 
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An audio style template 201f can be associated with one or more Audio.wav files (or 
file pointers) containing audio information. Similarly, a navigational link style template 20 If 
can be associated with one or more files (or pointers) containing link information. 

Once a user is satisfied with a page layout, an upload command is selected and the 
finished page layout is uploaded to a server (remote computer 109 in FIGURE 1). The 
source files assodated with each template is mapped to the templates at the server. FIGURE 
2 shows the resulting page layout 220 for the exemplary arrangement of style templates 200 
and associated source files 210. 

FIGURE 3 shows an exemplary graphical user interface (GUT) 300 for selecting style 
templates for generating an HTML page layout according to the present invention. 
Preferably, GUI 300 is displayed on a small consumer electronic device having limited 
memory and display area, such as a WINDOWS CE-based digital camera or WINDOWS CE- 
based a personal digital assistant (PDA). Alternatively, GUI 300 can be displayed on a 
personal computer (PC) or a workstation, such as computer 100 shown in FIGURE 1. Of 
course, the present invention is applicable to other graphical user interface computing 
environments. 

In FIGURE 3, GUI 300 is shown divided into two display regions 310 and 320. 
Display region 3 10 includes a libraiy of exemplary style icons 3 1 1 tiiat are selectable by a user 
using a user interface selection device, such as a mouse, a trackball, a joystick or other well- 
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known cursor-control/entry-selection device. As shown in FIGURE 3, a library of exemplary 
style icons 3 1 la-3 1 11 are displayed when layout tab 3 12 is selected. 

Each style icon 3 1 1 is a recognizable graphical image that represents a particular style 
template. For example, style icon 3 1 la is a graphical image representing a banner or a title 
style template. Style icon 3 1 lb is a graphical image for text-only style template. Style icon 
3 1 Ic is a graphical image for a single photographic or graphical image style template. Style 
icons 3 1 ld-3 1 If represent combinations of textual and/or image style templates. Style icons 
311g-311i represent different exemplary textual style templates. Of course, other 
recognizable icons can be displayed that represent other style templates that are not described. 

Display region 320 includes a graphical image 321 representing a current web page 
that is being created. As different style templates are selected, web page image 321 changes 
to reflect the relative position of the selected templates. As shown, image 321 includes a title 
style template at the top of image 321 with a text-only, a picture w/right text and a picture 
w/left text style templates in order below the title style template. Display region 320 also 
includes command buttons 322a-322c, which are used for performing selected operations in 
a well-known manner. 

A particular horizontal region 201 (FIGURE 2) is laid out by selecting a horizontal 
portion of image 321 in a well-known manner using the user interface selection device. A 
particular style for the selected horizontal portion of image 321 is also selected from style 
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icons 3 1 1 in a well-known manner using the user interface selection device. Each template 
includes HTML codes for the particular style of the template and blank spaces for 
information, such as text or pictures, depending upon the particular style of the template. 

When a selected style tenqjlate includes a blank space for textual information, text tab 
3 14 is selected to display a library of textual formats, attributes and editing fijnctions, such 
as centering, paragr^hing, margins, fonts, sizes, colors, deletion and undo fimctions, for the 
text that is entered into the corresponding blank space. FIGURE 4 shows an exemplary GUI 
400 for entering textual information into a style template according to the present invention. 
Like GUI 300 of HGURE 3, GUI 400 is preferably displayed on a smaU consumer electronic 
device having limited memory and display area. Alternatively, GUI 400 can be displayed on 
a personal computer (PC) or a workstation. 

In FIGURE 4, GUI 400 is shown divided into two display regions 410 and 420. 
Display region 410 includes a library of exemplary formatting and editing icons 41 1 that are 
selectable by a user in a well-known manner using the user interfece selection device. As 
shown in FIGURE 4, display region 410 includes a text entry field 412 in which textual 
information for a particular style template is entered. Alternatively, a pointer to a file 
containing the desired textual information can be entQ-ed. Display region 420 is the same as 
display region 320 of FIGURE 3. 
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When a selected style template includes a blank space for pictorial or graphical 
information, text tab 313 is selected to display a library of pictorial/graphical formats, 
attributes and editing fimctions for the picture or graphical image that is entered into the 
corresponding blank space. Pictorial/image information can be entered as a pointer to a 
locally stored image, which is uploaded with the completed page layout, or as a pomt to a 
remotely located image that is retrieved and merged with the completed page layout after 
uploading. 

FIGURE 5 shows an exemplary flow diagram 500 for generating an HTML page 
layout according to the present invention At step 501, it is determined whether a user desires 
to create a web page layout from a previously stored macro style template or create a new 
page layout. If a new web page layout is desired, flow continues to step 502 where a library 
of style templates and a defedt page layout image (i.e., an icon like icon 321, but is only a 
page outline) are displayed (nGURE 3). Flow continues to step 503 where a particular 
horizontal region of the displayed page layout is selected using a user interface selection 
device. Flow continues to step 504 where a particular style template is selected using the user 
interface selection device. When the selected style template has a space for entering 
associated information, such as a title, text and/or an image, flow continues to step 505. 
When no information is to be associated with the selected style template, step 505 is bypassed 
and flow continues to step 506. 
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At step 506, it is determined whether the page layout is complete. If so, flow 
continues to step 507 where it is determined whether a macro style template for the newly- 
created page layout should be stored for later use. If so, flow continues to step 508 where 
the newly-created page layout is stored. If not, flow continues to step 509 where the page 
layout is uploaded to a server. 

If at step 501, a macro style template is desired, flow continues to step 510 where a 
library of previously stored macro style layouts are displayed. At step 5 1 1, a particular macro 
style layout is selected and a page layout image for the selected macro style template is 
displayed, sinular to FIGURE 3. Flow contmues to step 512 where a particular horizontal 
region of the displayed macro style template is selected using the user interface selection 
device. Flow continues to step 513 where any information associated with the selected 
horizontal region, such as a title, text and/or an image, is entered. 

At step 5 14, it is determined whether the page layout using the selected style template 
is complete. If so, flow continues to step 509 where the page layout is uploaded to a server. 

FIGURE 6 illustrates an exemplaty format of a template mapping file generated 
according to the process described above. The template mapping file associates a selected 
one of a plurality of style templates with one or more source files to be merged into the 
selected template. This association may be accomplished with the use of deUmited pointers, 
including a style template pointer 610 and one or more source file pointers 612, as shown in 
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FIGURE 6, where the delimiter is a comma The first template pointer is designated "6" 
corresponding to a style selected by the user and associated with a source file, in this case a 
text file "Titlel.txt". Similarly, the second referenced style pointer is designated "2" and is 
associated with an image file, 'Ticl.jpg". Some style sheets may be formatted to be merged 
with more than one source file, as is the case with the style sheet designated "5" which may 
be, for example, a style dieet for a right justified image with adjacent text, and is to be merged 
with two source files: "Text2.txt" and "Pic2.jpg". Those of ordinary skill will recognize that 
the template mapping file according to the present invention requires only minimal storage 
because of its compact size and therefore its creation and storage are suitable for 
implementation on a device with limited memory, such as a hand-held device. 

While the present invention has been described in connection with the illustrated 
embodiments, it will be appreciated and understood that modifications may be made without 
departing fi-om the true spirit and scope of the mvention. 
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What is claimed is: 

1. A method for generating a hypertext markup language (EmVIL) page, the 
method comprising steps of: 

selecting a style template for a predetermined region of a web page layout, the 
selected style template including at least one HTML code defining a style of the style 
template; and 

uploading a finished web page layout to a server, the finished web page layout 
including at least one selected style template. 



2. The method according to claim 1, wherein the predetermined region of the 
web page layout is a horizontal region spanning an entire vwdth of the web page layout. 

3 . The method according to claim 1, wherein the selected style template mcludes 
a space for information that is related to the style of the style template, 

the method fiarther comprising a step of inserting the information related to 
the style of the template into the space before the step of uploading the finished web page 
layout. 
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4. The method according to claim 3, wherein the information related to the style 
of the template is a title. 



5. The method according to claim 3, wherein the information related to the style 
of the template is textual. 

6. The method according to claim 3, wherein the information related to the style 
of the template includes hypertext link information. 

7. The method according to claim 3, wherein the information related to the style 
of the template includes at least two of image information, graphical information, 
textual information, and audio information. 

8. The method according to claim 3, wherein the information related to the style 
of the style template is a pomter to a file containing information that is to be inserted into the 
selected template. 



The method according to claim 8, wherein the file contains image infomation. 
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10. The method according to claim 8, wherein the file contains graphical 
information. 

1 1 . The method according to claim 8, wherein the file contains audio information 

12. The method according to claim 1, wherein the selected style template is one 
of a title template, a text template, an audio template, a picture template, a parallel column 
template and a navigational bar template. 

13. The method according to claim 1, wherein the step of selecting the style 
template includes a step of selecting a graphical icon representing the style of the template. 

14. The method according to claim 1, fiuther comprising a step of concatenating 
a plurality of selected style templates to generate the finished web page layout. 

15. The method accordmg to claim 1, further comprising a step of recording a 
finished web page layout as a macro style template. 
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16. The method according to claim 15, fijrther comprising steps of: 
selecting a macro style template; 

inserting information related to the style of each style template forming the 
macro style template; and 

uploading a finished web page layout to the server, the finished web page 
layout formed fi-om the macro style template. 

17. A method for generating a hypertext markup language (HTML) page, the 
method comprising steps of: 

selecting a macro style template for a web page layout, the macro style 
template including at least one style template for a predetermined region of the web page 
layout, each selected style template including at least one HTML code defining a style of the 
style template; and 

uploading a finished web page layout to a servCT, the finished web page layout 
being formed fi-om the macro style template. 

18. The method according to claim 17, wherein the predetermined region of the 
web page layout is a horizontal region spanning an entire width of the web page layout. 
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19. The method according to claun 17, wherein at least one style ten:q)late of the 
macro style template includes a space for information related to the style of the style template, 

the method further comprising a step of inserting the information related to 
the style of the template into the space before the step of uploading the finished web page 
layout. 

20. The method according to dsam 19, wherdn the information related to the st5de 
of the template is one of a title, text, a pointer to a file containing image information, a pointer 
to a file containing graphical information, a pointer to a file containing audio information, and 
hypertext link information 



21. The method according to claim 16, wherdn the macro st5de template includes 
a style template that is one of a title template, a text template, an audio template, a picture 
template, a parallel column template and a navigational bar template. 
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22. The method according to claim 16, wherein the step of selecting the macro 
style template includes a step of selecting a graphical icon representing the macro style 
template. 



23. A computer-readable medium having computer-executable instructions for 
performing steps comprising: 

selecting a style template for a predetermined region of a web page layout, the 
selected style template including at least one HTML code defining a style of the style 
template; and 

uploading a finished web page layout to a server, the finished web page layout 
including at least one selected style template. 



24. The computer-readable medium according to claim 23, wherein the 
predetermined region of the web page layout is a horizontal region spanning an entire width 
of the web page layout. 



25, The computer-readable medium according to claim 23, wherein the selected 
style template includes a space for information that is related to the style of the style template, 
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the computer-executable instructions further performing a step of inserting the 
information related to the style of the template into the space before the step of uploading the 
finished web page layout. 

26. The computer-readable medium according to claim 25, wherein the 
information related to the style of the template is a title. 

27. The computer-readable medium according to claim 25, wherein the 
information related to the style of the template is textual. 

28. The computer-readable medium according to claim 25, wherein the 
information related to the style of the template mcludes hypertext link information, 

29. The computer-readable medium according to claim 25, wherein the 
information related to the style of the template includes at least two of unage 
information, graphical information, textual information, and audio mformation. 
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30, The computer-readable medium according to claim 25, wherein the 
information related to the style of the style template is a pointer to a file containing 
information that is to be inserted into the selected template, 

31, The computer-readable medium according to claim 30, wherein the file 
contains image information. 

32, The computer-readable medium according to claim 30, wherein the file 
contains graphical information. 

33, The computer-readable medium according to claim 30, wherein the file 
contains audio information. 

34, The computer-readable medium accordmg to claim 23, wherein the selected 
style template is one of a title template, a text template, an audio template, a picture template, 
a parallel column template and a navigational bar template. 
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35. The computer-readable medium according to claim 23, wherein the step of 
selecting the style template includes a step of selecting a graphical icon representing the style 
of the template. 



36. The computer-readable medium according to claim 23, wherein the computer- 
executable instructions further perform a step of concatenatmg a plurality of selected style 
templates to generate the finished web page layout. 

37. The computer-readable medium accordmg to claim 23, wherein the computer- 
executable instructions further perform a step of recording a finished web page layout as a 
macro style template. 



38, The computer-readable medium according to claim 37, wherein the computer- 
executable instructions fizrther performing steps of: 
selecting a macro style template; 

inserting information related to the style of each style template forming the 
macro style template; and 

uploading a finished web page layout to the server, the finished web page 
layout formed fi-om the macro style template. 
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39. A computer-readable medium having computer-executable instructions for 
performing steps comprising: 

selecting a macro style template for a web page layout, the macro style 
template including at least one style template for a predetermined region of the web page 
layout, each selected style template including at least one HTML code defining a style of the 
style template; and 

uploading a finished web page layout to a server, the finished web page layout 
being formed fi-om the macro style template. 

40. The computer-readable medium according to claim 39, wherein the 
predetermined r^on of the web page layout is a horizontal region spanning an entire width 
of the web page layout. 

41 . The computer-readable medium according to claim 39, wherein at least one 
style template of the macro style template includes a space for information related to the style 
of the style template, 
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the computer-executable instructions further performing a step of inserting the 
information related to the style of the template into the space before the step of uploading the 
finished web page layout. 

42. The computer-readable medium accordmg to claim 41, wherein the 
information related to the style of the template is one of a title, text, a pointer to a file 
containing image information, a pointer to a file containing graphical information, a pointer 
to a file containing audio information, and hypertext Imk information 

43. The computer-readable medium according to claim 39, wherein the macro 
style template includes a style template that is one of a title template, a text template, an audio 
template, a picture template, a parallel column template and a navigational bar template, 

44. The computer-readable medium according to clahn 39, the computer- 
executable instructions fiarther performing a step of selecting the macro style template 
mcludes a step of selecting a graphical icon representing the macro style template. 
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45. In a computer system having a graphical user interface including a display and 
a user interface selection device, a method for providing and selecting items for generating 
a hypertext markup language (HTML) page, the method comprising steps of: 

displaying a plurality of style templates on a display, each style template 
representing a layout style for a predetermined region of a web page layout; 

receivmg a style template selection signal indicative of a user interface 
selection device pointing at a selected style template on the display, the selected style template 
associated with at least one HTML code defining a style of the style template; and 

displaying the style layout for the predetermined region of the web page 
layout in response to the received style template selection signal. 



46. The method according to claun 45, further comprising the steps of: 
displaying an uploading layout command selection on the display; 
receiving an uploading layout entry selection signal indicative of the user 

interface device pointing at the uploading layout entry conmiand selection; and 

uploadmg a finished web page layout to a server in response to the uploading 

layout entry selection signal, the finished web page layout including at least one selected style 

template. 
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47. The method according to claim 45, wherein the predetermined region of the 
web page layout is a horizontal region spanning an entir6 width of the web page layout. 

48. The method according to claun 45, wherem the selected style template 
includes a space for information that is related to the style of the style template, 

the method forther comprismg a step of receiving the information related to 
the style of the template for entry into the space. 

49. The method according to claim 48, wherein the information related to the style 
of the template is a title. 

50. The method according to claim 48, wherein the information related to the style 
of the template is textual. 

5 1 . The method according to claim 48, wherein the information related to the style 
of the template includes hypertext link information. 
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52. The method according to claim 48, wherein the information related to the style 
of the template includes at least two of hnage information, graphical 
information, textual information, and audio information, 

53 . The method according to claim 48, wherein the information related to the style 
of the style template is a pointer to a file containing information that is entered into the 
selected template. 

54. The method according to claim 53, wherein the file contains image 
information. 



55, The method accordmg to claim 53, wherein the file contains graphical 
information. 

56. The method according to claim 53, wherein the file contains audio 
information. 
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57. The method according to claim 45, wherein the selected style template is one 
of a title template, a text template, an audio template, a picture template, a parallel column 
template and a navigational bar template. 



58. The method according to claim 45, wherein each style template displayed on 
the display is a graphical icon representmg the style of the template. 

59, The method according to claim 45, further comprising a step of concatenating 
a plurality of selected style templates in response to the received style template selection 
signal. 



60. The method according to claim 45, further comprising steps of 

displaying at least one macro style templates on the display, each macro style 

template representing a finished web page layout; 

receiving a macro style template selection signal indicative of the user 

interface selection device pomting at a selected macro style template on the display; and 

displaying the macro style layout in response to the received style template 

selection signal. 
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6 1 . The method according to claim 60, wherein the selected macro style template 
includes a style template having a space for information that is related to the style of the style 
template, 

the method further comprising a step of receiving the information related to 
the style of the template for entry into the space. 
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Abstract 

A method for generating a hypertext markup language (EiTML) page in which a style 
template is selected for a predetermined region of a web page layout. The predetermined 
region of the web page layout is a horizontal region spanning an aitire width of the web page 
layout. The selected style template can be, for example, a title template, a text template, an 
audio template, a picture template, a parallel column template or a navigational bar template, 
and is selected by selecting a graphical icon representing the style of the template. The 
selected style template includes at least one HTML code defining a style of the style template 
and can include a space for information that is related to the style of the slyle template. 
Information related to the style of the template, such as a titie, text, hypertext link 
information, a pointer to a file containing information that is to be inserted into the selected 
template, image information, graphical information and/or audio information, is inserted into 
the space before uploading the finished web page layout to a server. Typically, a plurality of 
selected style templates are concatenated to generate the finished web page l^out. A finished 
web page layout is then uploaded to the server. 
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